<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*"  />
    <link rel="stylesheet" href="css/index.css">

    <script src="js/index/indexGetHostList.js" type="text/javascript"></script>

    <script src="js/index/ftpDrag.js" type="text/javascript"></script>
    <script src="js/index/hostDelete.js" type="text/javascript"></script>
    <script src="js/index/hostAdd.js" type="text/javascript"></script>
    <script src="js/index/indexShieldFlush.js" type="text/javascript"></script>

    <script src="js/index/mainQuickSwitchSSH.js" type="text/javascript"></script>
    <script src="js/index/indexModularAddSshStatus.js" type="text/javascript"></script>
    <script src="js/index/indexModularRemoveAndStop.js" type="text/javascript"></script>
    <script src="js/index/indexModularAdd.js" type="text/javascript"></script>
    <script src="js/index/indexSshNumber.js" type="text/javascript"></script>

    <script src="js/index/ftpWindowsReturnDir.js" type="text/javascript"></script>
    <script src="js/index/ftpLinuxReturnDir.js" type="text/javascript"></script>
    <script src="js/index/ftpLinuxIntoDir.js" type="text/javascript"></script>
    <script src="js/index/ftpDownloadFile.js" type="text/javascript"></script>
    <script src="js/index/ftpDownloadFile.js" type="text/javascript"></script>
    <script src="js/index/ftpUploadFile.js" type="text/javascript"></script>
    <script src="js/index/ftpLinuxDirNavigation.js" type="text/javascript"></script>
    <script src="js/index/ftpWindowsIntoDir.js" type="text/javascript"></script>
    <script src="js/index/ftpWindowsDirNavigation.js" type="text/javascript"></script>

    <script src="js/index/indexSSHInstallPacker.js" type="text/javascript"></script>

    <script src="js/tools.js" type="text/javascript"></script>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery-cookie.js" type="text/javascript"></script>

    <title>WebShell</title>
</head>
<body>
    <!--  左边菜单导航栏  -->
    <div id="left" class="userSelect">
        <!--    标题盒子    -->
        <div id="left-header">
            WebShell&nbsp;
        </div>
        <!--    终端母盒子 终端列表    -->
        <div id="left-mother">
            <!--      母盒子标题      -->
            <div class="left-mother-title">
                &nbsp;&nbsp;&nbsp;&nbsp;<img alt="WebSSH" src="img/indexSshLogo.png" width="18vh" style="top: 0.5vh;position: relative;">&nbsp;&nbsp;终端列表
            </div>
        </div>
        <div id="left-father">
            <div id="192.168.101.242" class="left-mother-list"></div>
        </div>

        <div id="addSSH" class="left-mother-title" style="text-align: center;color: #000;" onclick="addSSH();">
            <img alt="添加主机" src="img/indexAddHost.png" width="19vh" style="top: 0.3vh;position: relative;">
            <form>
                <label class="addHostLable">名称:</label><br>
                <input id="hostSSHName" type="text" class="addHostInput"><br>
                <label class="addHostLable">IP地址:</label><br>
                <input id="addSSHIPaddr" type="text" class="addHostInput"><br>
                <label class="addHostLable">用户:</label><br>
                <input id="addSSHUser" type="text" class="addHostInput"><br>
                <label class="addHostLable">密码:</label><br>
                <input id="addSSHPasswd" type="text" class="addHostInput"><br>
                <label class="addHostLable">端口:</label><br>
                <input id="addSSHPort" type="number" class="addHostInput"><br>
            </form>
            <button class="btn" onclick="addSSHGo()">添加</button>
            <button class="btn" onclick="addSSHX()">关闭</button>
        </div>
    </div>
    <!--  右边终端界面  -->
    <div id="terminal-mother">
        <div id="terminal-choose">
<!--            <div class="terminal-title"></div>-->
<!--            <div class="terminal-title"></div>-->
        </div>
<!--        <iframe class="terminal" frameborder="0"-->
<!--                noresize="noresize"-->
<!--                frameborder="0">-->
<!--        </iframe>-->
        <button id="opensftp" class="btnList btn">传输文件</button>
        <button id="openlog" class="btnList btn">操作日志</button>
        <button id="otherTools" class="btnList btn">其他工具</button>
    </div>
    <!--  其他工具窗口  -->
    <div id="otherToolsWindow">
        <div id="" style="width: 100%;background-color: #3284ff;height: 5%;text-align: center;border-radius: 2px;color: #FFF;">其他工具</div>
        <button class="btn" onclick="(function (){$('#otherToolsWindow').hide()})()" style="position:absolute;top: 0.5%;left: 96.5%;z-index: 1;">×</button>
        <button id="iftop" class="btn">安装iftop</button>
        <button id="MySQL-Client" class="btn">安装MySQL-Client</button>
    </div>
    <!--  FTP窗口  -->
    <div id="sftpwindow" class="userSelect">
        <div id="sftptitle" style="width: 100%;background-color: #3284ff;height: 5%;text-align: center;border-radius: 2px;">SFTP传输</div>
        <button class="btn" onclick="(function (){$('#sftpwindow').hide()})()" style="position:absolute;top: 0.5%;left: 96.5%;z-index: 1;">×</button>
        <div id="FTPloading" style="position: absolute;top: 0;z-index: 1;height: 15%;width: 15%;display: none;">
            <img alt="加载中" src="img/ftpLoading.gif" style="width: 1.5vw;" />
            <p style="top: -2.5vh;left: 1.5vw;position: absolute;">加载中……</p>
        </div>
        <div id="sftpRate" style="position: absolute;top: 1vh;right: 8vw;font-size: 9px;">-/-</div>
        <input id="inputDirLinux" type="text" size="40" style="position: relative;" placeholder="/root/test/">
        <button class="btn" onclick="intoInputDirLinux()" style="position: relative;">进入</button>
        <div id="sftpLinux">
            <!--                <li style="left: 5%;position: relative;">back</li>-->
            <!--                <li class="sftpLinuxRoot">-->
            <!--                    /root/-->
            <!--                    <li class="sftpLinuxC">/test.txt</li>-->
            <!--                    <li class="sftpLinuxC">/test.txt1</li>-->
            <!--                </li>-->
        </div>
        <input id="inputDirWin" type="text" size="40" style="position: relative;top: -94.3%;left: 55%;" placeholder="C:\Windows\">
        <button class="btn" onclick="intoInputDirWin()" style="position: relative;left: 55%;top: -94%">进入</button>
        <div id="sftpWindows">
<!--                            <li style="left: 5%;position: relative;">back</li>-->
<!--                            <li class="sftpLinuxRoot">-->
<!--                                /root/-->
<!--                                <li class="sftpLinuxC">/test.txt</li>-->
<!--                                <li class="sftpLinuxC">/test.txt1</li>-->
<!--                            </li>-->
        </div>
    </div>
</body>
<script type="text/javascript" src="js/index/index.js"></script>
</html>
